.relative{
  position: relative;
}

.shrink{
  flex-shrink: 0; // 不压缩
}
.noWrap { // 不换行
  white-space: nowrap;
}
.pre-line{ // 识别\n
  white-space: pre-line;
}

.example {
  word-wrap: break-word; /* 换行 */
}

.hidden{
  overflow: hidden;
}
 .underline{
  text-decoration:underline;
}
 .hairline_d8{ //横线
   width: 100%;
   height: 1px;
   background: #D8D8D8;
 }
 .hairline_f5{ //横线
   width: 100%;
   height: 1px;
   background: #f5f5f5;
 }
.overflow-x{
  overflow-x: scroll;
  width: 100%;
  &::-webkit-scrollbar {
    display: none;
  }
}
.bold {
  font-weight: bold;
}
.bold_4 {
  font-weight: 400;
}
.bold_6 {
  font-weight: 600;
}
.bold_8 {
  font-weight: 800;
}

.font56 {
  font-size: 56px;
}
.font48 {
  font-size: 48px;
}
.font42 {
  font-size: 42px;
}

.font40 {
  font-size: 40px;
}


.font44 {
  font-size: 44px;
}

.font36 {
  font-size: 36px;
}

.font34 {
  font-size: 34px;
}


.font32 {
  font-size: 32px;
}

.font30 {
  font-size: 30px;
}

.font28 {
  font-size: 28px !important;
}

.font26 {
  font-size: 26px;
}

.font24 {
  font-size: 24px;
}

.font22 {
  font-size: 22px;
}

.font21 {
  font-size: 21px;
}

.font20 {
  font-size: 20px;
}

.font18 {
  font-size: 18px;
}

.font16 {
  font-size: 16px;
}
.font12 {
  font-size: 12px;
}
.colorb {
  color: #bbbbbb;
}

.colorb0 {
  color: #b0b0b0;
}

.color9 {
  color: #999999;
}

.color6 {
  color: #666666;
}

.color3 {
  color: #333333;
}

.colorbe {
  color: #bebebe;
}

.colorff {
  color: #ffffff !important;
}

.colorc2 {
  color: #c2c2c2;
}
.color9c {
  color: #9c9c9c;
}

.color2a {
  color: #2a2a2a;
}
.nborder {
  border: none !important; /* 取消边框 */
  outline: none !important; /* 取消轮廓线 */
  border-color: transparent !important;
}
._fixed {
  position: fixed !important;
  left: 0;
  top: 0;
}
._relative{
  position: relative;
}
.marginT0{
  margin: 0px !important;
}
.marginT4{
  margin-top: 4px;
}
.marginT6{
  margin-top: 6px;
}
.marginT8{
  margin-top: 8px;
}
.marginT10{
  margin-top: 10px !important;
}
.marginT12{
  margin-top: 12px !important;
}
.marginT14{
  margin-top: 14px !important;
}
.marginT16{
  margin-top: 16px !important;
}
.marginT18{
  margin-top: 18px !important;
}
.marginT20{
  margin-top: 20px !important;
}
.marginT24{
  margin-top: 24px !important;
}
.marginT28{
  margin-top: 28px !important;
}
.marginT30{
  margin-top: 30px !important;
}
.marginT32{
  margin-top:32px !important;
}
.marginT34{
  margin-top:34px !important;
}
.marginT36{
  margin-top:36px !important;
}

.marginT40{
  margin-top:40px !important;
}
.marginT48{
  margin-top:48px !important;
}
.marginT56{
  margin-top:56px !important;
}

.marginT64{
  margin-top:64px !important;
}
.marginT72{
  margin-top:72px !important;
}

.marginT100{
  margin-top:100px !important;
}
.marginB8{
  margin-bottom: 8px !important;
}

.marginB12{
  margin-bottom: 12px !important;
}

.marginB16{
  margin-bottom: 16px !important;
}

.marginB22{
  margin-bottom:22px !important;
}
.marginB24{
  margin-bottom:24px !important;
}
.marginB28{
  margin-bottom:28px !important;
}
.marginB32{
  margin-bottom:32px !important;
}
.marginB36{
  margin-bottom:36px !important;
}
.marginB40{
  margin-bottom:40px !important;
}
.d_box{
  box-sizing: border-box;
}

.marginL6{
  margin-left: 6px;
}
.marginL8{
  margin-left: 8px;
}
.marginL12{
  margin-left: 12px;
}
.marginL24{
  margin-left: 24px;
}
.marginL28{
  margin-left: 28px;
}
.marginL42{
  margin-left: 42px;
}
.marginL48{
  margin-left: 48px;
}
.marginL52{
  margin-left: 52px;
}
.marginR6{
  margin-right: 6px;
}
.marginR8{
  margin-right: 8px;
}
.marginR10{
  margin-right: 10px;
}
.marginR12{
  margin-right: 12px;
}
.marginR16{
  margin-right: 16px;
}
.marginR18{
  margin-right: 18px;
}
.marginR20{
  margin-right: 20px;
}
.marginR24{
  margin-right: 24px;
}
.marginR28{
  margin-right: 28px;
}
.marginR34{
  margin-right: 34px;
}
.marginR36{
  margin-right: 36px;
}
.marginR40{
  margin-right: 40px;
}
.marginR48{
  margin-right: 48px;
}
.marginR50{
  margin-right: 50px;
}
.marginR64{
  margin-right: 64px;
}

.margin28{
  margin-right: 28px;
  margin-left: 28px;
}
.paddingT90{
  padding-top: 90px;
}
.paddingT60{
  padding-top: 60px;
}
.paddingT48{
  padding-top: 48px;
}
.paddingT24{
  padding-top: 24px;
}
.paddingT8{
  padding-top: 8px !important;
}
.paddingT28{
  padding-top: 28px;
}
.paddingT26{
  padding-top: 26px;
}
.paddingTB24{
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.paddingTB16{
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.paddingTB28{
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.paddingB24{
  padding-bottom: 24px !important;
}
.padding24{
  padding-left: 24px;
  padding-right: 24px;
}
.padding20{
  padding:20px;
}
.padding28{
  padding-left: 28px;
  padding-right: 28px;
}
.padding0{
  padding: 0 !important;
}
.padding12{
  padding-left: 12px;
  padding-right: 12px;
}
.padding40{
  padding-left: 40px;
  padding-right: 40px;
}

.paddingL28{
  padding-left:28px !important;
}
.paddingR28{
  padding-right:28px !important;
}
.paddingB28{
  padding-bottom:28px !important;
}
.paddingB8{
  padding-bottom:8px !important;
}
.paddingB4{
  padding-bottom:4px !important;
}

._line-through{  // 删除线
  text-decoration: line-through;
}
.lineH24{
  line-height: 24px;
}
.lineH26{
  line-height: 26px;
}
.lineH28{
  line-height: 28px;
}
.lineH30{
  line-height: 30px;
}
.lineH32{
  line-height: 32px;
}
.lineH34{
  line-height: 34px;
}
.lineH36{
  line-height: 36px;
}
.lineH37{
  line-height: 37px;
}
.lineH40{
  line-height: 40px;
}
.lineH42{
  line-height: 42px;
}
.lineH48{
  line-height: 48px;
}

.lineH56{
  line-height: 56px;
}

.round{
  border-radius: 50%;
}
.width100{
  width: 100vw;
}
.icon32{
  width: 32px;
  height: 32px;
}
.icon30{
  width: 30px;
  height: 30px;
}
.icon80{
  width: 80px;
  height: 80px;
}
.icon64{
  width: 64px;
  height: 64px;
}
.icon56{
  width: 56px;
  height: 56px;
}
.icon52{
  width: 52px;
  height: 52px;
}
.icon44{
  width: 44px;
  height: 44px;
}
.icon42{
  width: 42px;
  height: 42px;
}
.icon40{
  width: 40px;
  height: 40px;
}
.icon36{
  width: 36px;
  height: 36px;
}
.icon34{
  width: 34px;
  height: 34px;
}
.icon28{
  width: 28px;
  height: 28px;
}
.icon26{
  width: 26px;
  height: 26px;
}
.icon24{
  width: 24px;
  height: 24px;
}
.icon22{
  width: 22px;
  height: 22px;
}
.icon18{
  width: 18px;
  height: 18px;
}
.icon16{
  width: 16px;
  height: 16px;
}
.icon20{
  width: 20px;
  height: 20px;
}

.colorTheme {
  color: #3491FA !important;
}
.colorT {
  color: #3491FA !important;
}
.ff {
  background: #ffffff !important;
}

.bcTheme {
  background: #3491FA !important;
}
.line78{
  line-height: 78px;
}
.line58{
  line-height: 58px;
}
.line48{
  line-height: 48px;
}

.line45{
  line-height: 45px;
}

.line33{
  line-height: 33px;
}

// 背景主题色
.flo_l {
  float: left;
}

.flo_r {
  float: right;
}

.clearfloat {
  clear: both;
}

.inline-block {
  display: inline-block !important;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.ellipsis_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsis_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ellipsis_3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.bgCover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.f-fs {
  display: flex;
  align-items: stretch;
}

.f-fc {
  display: flex;
  align-items: center;
}

.f-ffs {
  display: flex;
  align-items: flex-start;
}

.f-fcc {
  display: flex;
  justify-content: center;
  align-items: center;
}

.f-fdc {
  flex-direction: column;
}

.f-fbc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.f-fac {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.wrap {
  flex-wrap: wrap;
}























